<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content=" initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="format-detection" content="telephone=no">
    <!-- IOS启用 WebApp 全屏模式 -->
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <!-- IOS全屏模式下隐藏状态栏/设置状态栏颜色 content的值为default | black | black-translucent  -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <!--工具栏颜色-->
    <!--<meta name="theme-color" content="rgb(195,126,233)">-->
    <title>分享二维码 您的好友推荐给您</title>
    <link href="../public/lobster/css/main.css" rel="stylesheet">
    <link rel="stylesheet" href="../public/lobster/icon/iconfont.css">
    <link rel="stylesheet" href="../public/lobster/css/mui.min.css" />
    <link rel="stylesheet" href="../public/lobster/css/public.css" />
    <link rel="stylesheet" href="../public/lobster/css/shared.css?20170623">
    <script src="../public/lobster/js/jquery-3.2.1.min.js"></script>
    <script src="../public/lobster/js/click.js"></script>
    
</head>
<style>
		body{
		    background:url("../public/lobster/images/dqbjt.png") no-repeat;
		    background-size:100%;
		  background-color:#970707;
		}
		/* .top>img,.code_wrap>img{
		    width: 100%;
		}
		.code_wrap{
		    position: relative;
		    font-size: 0;
		}
		.code{
		    position: absolute;
		    top:0;
		    bottom: 0;
		    left: 0;
		    right: 0;
		    height: 3.5rem;
		    width: 3.5rem;
		    margin: auto auto;
		    background-color: #86c9ef;
		    font-size: 0;
		}
		.code>img{
		    height: 100%;
		    width: 100%;
		} */
         
	    .nav{
	     bottom:0 !important;
	  }
	  .ewm{
	    position:absolute;
	    width:46%;
	    background-color:#fff;
	    left:27%;
	    top:53%;  
	  }
	  .ewm img{
	  width:100%;
	  height:100%;}
</style>
<body>


    
   
    <div class=ewm><img class="share" src="" /></div>
    <!--底部导航栏-->
 		<nav class="nav">
			<ul id="list">
				<li>
					<a href="index.html">
						<img src="../public/lobster/images/navbar01.png" alt="">
					</a>
				</li>
				<li>
					<a href="lotteryInfo.html">
						<img src="../public/lobster/images/navbar02.png" alt="">
					</a>
				</li>
				<li>
					<a href="center.html">
						<img src="../public/lobster/images/onnavbar03.png" alt="">
					</a>
				</li>
			</ul>
		</nav>
    
</footer>
<script>
    $(function () {
    	var ewmh=$(".ewm").width();
    	$(".ewm").css({"height":ewmh});
        var Otop=$(".welcome").offset().top+$(".welcome").height()+10;
        var Oleft=$(".welcome").offset().left;
        $(".share").css({"left":Oleft,"top":Otop})
        $('.share').click(function(){
        	 html2canvas(document.body, {
                 onrendered: function(canvas){
                     //document.body.appendChild(canvas);
                     var img = canvas.toDataURL();
                     console.log(img); //在console中会输出图片的路径，然后复制在浏览器一粘贴，就可以看到。
                 },
                 width:300,
                 height:400
             });
        })
    })
</script>
<script>
    //初始化rem
    function initRem() {
        var width = window.innerWidth;
        if (width > 400) {
            width = 400;
            //document.querySelector('.pcshow').innerText = '请按F12，选择手机模式'
        }
        var rem = width / 7.5 + 'px';
        document.documentElement.style.fontSize = rem;
    }
    initRem();
    //监听页面变化
    window.onresize = function () {
        var Mtop=$(".welcome").offset().top+$(".welcome").height()+10;
        var Mleft=$(".welcome").offset().left;
        $(".share").css({"left":Mleft,"top":Mtop})
        initRem();
    }
    
    
</script>
</body>
<script src="../public/lobster/js/mui.min.js"></script>
</html>

</html>